<%@ page language="java" import="java.util.*"%>
<%@ page session="true"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="t"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>  
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="../../template/estilos.jsp"%>
<%@include file="../../template/script.jsp" %>
<script src="${pageContext.request.contextPath}/resources/assets/scripts/module/countryProvider.js" type="text/javascript" ></script>

<title>Insert title here</title>
 
</head>

<body class="page-header-fixed">
    <!--form action="#" name="listCountry" -->   
    <%@include file="../../template/header.jsp"%>
        <!--div class="page-container" -->
            <%@include file="../../template/sidebar.jsp"%>
          <div class="page-container"> 
            <div class="page-content">
              <form:form action="delete" method="post" id="form" >
                 
                <%@include file="../../template/header_module.jsp"%>
                      <script type="text/javascript">
            var oTable;
            oTable = $(document).ready(function() {
                $('#table').dataTable({
                    "bProcessing": true,
                    "bServerSide": true,
                    //"bJQueryUI" : true,
                    "bAutoWidth": true,
                    //"sPaginationType" : "full_numbers",
                    "sAjaxSource": "/GedeonMvc/mediationcountryprovider/ajax",
                    "fnServerData": function(sSource, aoData, fnCallback) {
                        $.ajax({
                            "dataType": 'json',
                            "type": "POST",
                            //"url": sSource,
                            "url": "/GedeonMvc/mediationcountryprovider/ajax",
                            "data": aoData,
                            "success": fnCallback
                        });
                    }
                });
            });
        </script>
               <div class="row-fluid">
					<div class="span12">
						<!-- BEGIN EXAMPLE TABLE PORTLET-->
						<div class="portlet box grey">
							<div class="portlet-title">
								<div class="caption"><i class="icon-reorder"></i>List Country Provider</div>
								<div class="tools">
									<a href="javascript:;"  onclick="loadList();" class="reload"></a>
								</div>
							</div>
							<div class="portlet-body">
								<div class="clearfix">
									<div class="btn-group">
                                                                        <a href="new?module=<%= request.getParameter("module")%>" class="btn green">Add New <i class="icon-plus"></i>
                                                                            </a>
									</div>
									<div class="btn-group pull-right">
										<button class="btn dropdown-toggle" data-toggle="dropdown">Tools <i class="icon-angle-down"></i>
										</button>
										<ul class="dropdown-menu pull-right">
											<li><a href="#">Print</a></li>
											<li><a href="#">Save as PDF</a></li>
											<li><a href="#">Export to Excel</a></li>
										</ul>
									</div>
								</div> 
                                                                    
                                                                      <div class="portlet-body">
                                    <div id="sample_2_wrapper"
                                         class="dataTables_wrapper form-inline" role="grid">
                                        <table id="table"
                                               class="table table-striped table-bordered table-hover table-full-width dataTable"
                                               aria-describedby="sample_1_info">
                                            <thead>
                                                <tr> 
                                                    <th width="15%">Code</th> 
                                                    <th width="25%">Country</th> 
                                                    <th width="15%">Provider Code</th>
                                                    <th width="25%">Provider</th> 
                                                    <th width="20%">Acción</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="5" class="dataTables_empty">Loading data
                                                        from server</td>
                                                </tr>
                                            </tbody>
                                          
                                        </table>
                                        <div data-keyboard="false" data-backdrop="static" tabindex="-1" class="modal hide fade" id="delete" style="display: none; margin-top: -61.5px;" aria-hidden="true">
                                            <div class="modal-body">
                                                <p>Esta seguro de eliminar este registro?</p>
                                            </div>
                                            <div class="modal-footer">
                                                <button class="btn" data-dismiss="modal" type="button">Cancelar</button>
                                                <button id="btndeleterol"  class="btn green"  type="button">Continuar</button>
                                                <input type="hidden" id="deleted" value="0">
                                            </div>
                                        </div>
                                    </div>
                                </div>          
							</div>
						</div>
						<!-- END EXAMPLE TABLE PORTLET-->
					</div>
				</div>
                                <div id="static" class="modal hide fade" tabindex="-1" data-backdrop="static" data-keyboard="false">
                                    <div class="modal-body">
					<p>Are you sure do you want delete this Provider?</p>
                                    </div>
                                    <div class="modal-footer">
                                    <button type="button" data-dismiss="modal" class="btn">Cancel</button>
                                    <button type="button" onclick="submitDelete();"  data-dismiss="modal" class="btn red">Delete</button>
                                    </div>    
                                </div> 
                  <c:forEach var="system" items="${dataSystem}"> 
                      <input type="hidden" value="${system.id}" name="createdBy" id="createdBy" /> 
                  </c:forEach> 
                           <input type="hidden" name="id" id="id" value="" />                                                 
			   <input type="hidden" name="TxtOrderBy" id="TxtOrderBy" value="name" />
                           <input type="hidden" name="TxtDirection" id="TxtDirection" value="asc" />
                           <input type="hidden" name="module" id="module" value="<%= request.getParameter("module")%>" />
               </form:form>
            </div>
        </div>
            
            
            
<!--/form-->
        <%@include file="../../template/footer.jsp"%>
        	
    </body>
</html>



